<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <style>
  *{
      margin: 0;
      padding: 0;
  }body{
      background-color: rgb(206, 194, 194);
  }
  .box{
      width: 323px;

  }
  .box h2{
      background-color: rgb(180, 60, 80);
      color:white;
      padding: 10px  10px
      ;
  }
  .box ul{
      background-color: aliceblue;
      list-style-type: none;
  }
  .box ul li{
    
      padding: 5px 10px  ;
      
      border-bottom: 1px dashed #000;
  }
  span{
      display: inline-block;
     width: 30px
     ;
     text-align: center;
     height: 30px;
      border-radius: 50%;
      color: white;
      background-color: rgb(20, 17, 17);
  }
  a{
      color: #000;
      text-decoration: none;
  }
  a:hover{
      color: pink;
  }
    </style>
</head>
<body>
    <div class="box">
        <h2>大家都喜欢买的美容品</h2>
        <ul>
            <li><span>1</span><a href="">雅诗兰黛即时修护眼部精华霜15ml</a></li>
            <li><a href=""><span>2</span>伊丽莎白雅顿显效复合活肤霜 75ml</a></li>
            <li><a href=""><span>3</span> OLAY玉兰油多效修护霜 50g</a></li>
            <li><a href=""><span>4</span>巨型一号丝瓜水320ML</a></li>
            <li><a href=""><span>5</span>倩碧保湿洁肤水2号 200ml</a></li>
            <li><a href=""><span>6</span>比度克细肤淡印霜 30g</a></li>
            <li><a href=""><span>7</span>兰芝 (LANEIGE)夜间修护锁水面膜 80ml</a></li>
            <li><a href=""><span>8</span>SK-II护肤精华露 215ml</a></li>
            <li><a href=""><span>9</span>欧莱雅青春密码活颜精华肌底液</a></li>
        </ul>
    </div>
</body>
</html>